﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
*{
	margin:0px;
	padding:0px;
}
body { 
	background-color:#ddc69f;	
}
#top {
	width:1024px;
	height:101px;
	margin:0px auto;
}
#banner {
	width:1024px;
	height:295px;
	margin:0px auto;	
}
#main {
	width:1024px;
	height:320px;
	margin:0px auto;	
}
#footer {
	width:1024px;
	height:64px;
	margin:0px auto;	
}
#nav {
	background-image:url(images/menu_bg.jpg);
	width:1024px;
	height:65px;
	margin:0px auto;
}
ul { 		
	width:960px;
	height:65px;
	margin:0px auto;
}
li { 
	float:left;
	list-style-type:none;
	width:125px;
	height:41px;
	background-image:url(images/menu_li_bg.png);
	margin-left:30px; 
	margin-top:15px;
	line-height:35px;
	text-align:center;
	font-weight:bold;
	color:#630;
}
</style>
<title>文本与图片超链接</title>
</head>

<body>
<div id="top">
	
</div>
<div id="banner">

</div>
<diV id="nav">

</diV>
<div id="main">
	
</div>
<div id="footer">
	
</div>
</body>
</html>
